




main {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    grid-template-rows: auto;
    text-align: left;
    justify-content: center;
}



.nothing {
    display: block;
    margin-top: 1em;
    font-size: var(--font-size-medium);
    margin-left: 0.5rem;
}


section,
.section {
    width: 90%;
    min-height: 10rem;
}


.box-article-information {
    border:  none;
    justify-content: space-between;
    width: 100%;
}

.box-article-information-date {
    text-align: right;
    min-width: 2em;
}



@media (min-width: 50rem) {
    .nothing {
        font-size: var(--font-size-large);
    }

    .box-article-information-date {
        min-width: 5em;
    }
}

